<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:javaee="http://xmlns.jcp.org/xml/ns/javaee" xmlns:vdldoc="http://vdldoc.omnifaces.org" xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>primefaces-blutorange (com.github.blutorange:primefaces.monaco VDL Documentation)
			</title>
        <link rel="stylesheet" type="text/css" title="Style" href="../stylesheet.css">
    </head>
    <body>
        <noscript>
            <div>JavaScript is disabled on your browser.</div>
        </noscript>
        <div class="topNav">
            <a name="navbar_top"></a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow"></a>
            <ul class="navList" title="Navigation">
                <li>
                    <a href="../overview-summary.html">Overview</a>
                </li>
                <li class="navBarCell1Rev">Library</li>
                <li>Tag</li>
                <li>
                    <a href="../help-doc.html">Help</a>
                </li>
            </ul>
        </div>
        <div class="subNav">
            <ul class="navList">
                <li>
                    <a target="_top" href="../index.html?primefaces-blutorange/tld-summary.html">
									Frames
								</a>
                </li>
                <li>
                    <a href="tld-summary.html" target="_top">No Frames</a>
                </li>
            </ul>
            <ul class="navList" id="alltags_navbar_top">
                <li>
                    <a href="../alltags-noframe.html">All Tags</a>
                </li>
            </ul>
            <div>
                <script type="text/javascript">
								document.getElementById("alltags_navbar_top").style.display = (window == top) ? "block" : "none";
							</script>
            </div>
            <a name="skip-navbar_top"></a>
        </div>
        <div class="header">
            <h1 title="Library" class="title">primefaces-blutorange</h1>
        </div>
        <div class="contentContainer">
            <div class="description">
                <ul class="blockList">
                    <li class="blockList">
                        <dl>
                            <dt>XML Declaration Syntax:</dt>
                            <dd>
                                <code>
													&lt;anyxmlelement xmlns:primefaces-blutorange="http://github.com/blutorange"/&gt;
												</code>
                            </dd>
                        </dl>
                        <dl>
                            <dt>Description:</dt>
                            <dd>
                                <div class="block">
        
    Taglib for <a href="https://github.com/blutorange/primefaces-monaco">primefaces-monaco</a>. It offers
    a PrimeFaces widget that lets you include <a href="https://microsoft.github.io/monaco-editor/">monaco editor</a> as
    a JSF component in your XHTML pages. 

    </div>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="summary">
                <table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Library Summary table, listing library information">
                    <caption>
                        <span>Tag Library Information</span><span class="tabEnd">&nbsp;</span>
                    </caption>
                    <thead>
                        <tr>
                            <th class="colFirst" scope="col">Info</th><th class="colLast" scope="col">Value</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="rowColor">
                            <td class="colFirst">ID (tag prefix)</td><td class="colLast"><code>primefaces-blutorange</code></td>
                        </tr>
                        <tr class="altColor">
                            <td class="colFirst">URI</td><td class="colLast"><code>http://github.com/blutorange</code></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="summary">
                <table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Tag Summary table, listing tag information">
                    <caption>
                        <span>Tag Summary</span><span class="tabEnd">&nbsp;</span>
                    </caption>
                    <thead>
                        <tr>
                            <th class="colOne" scope="col">Tag</th><th class="colLast" scope="col">Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="rowColor">
                            <td class="colOne"><b><a href="monacoEditor.html">monacoEditor</a></b></td><td class="colLast">
            A JSF component that wraps the JavaScript libary <a href="https://microsoft.github.io/monaco-editor/">Monaco Editor</a>.
            Requires <a href="https://www.primefaces.org/">Primefaces</a> to be available in the class path. See also the
            <a href="https://blutorange.github.io/primefaces-monaco/typedoc/index.html">client-side API documentation</a>. This
            renders the editor directly into the host page without an iframe.
        </td>
                        </tr>
                        <tr class="altColor">
                            <td class="colOne"><b><a href="monacoEditorFramed.html">monacoEditorFramed</a></b></td><td class="colLast">
            A JSF component that wraps the JavaScript libary <a href="https://microsoft.github.io/monaco-editor/">Monaco Editor</a>.
                Requires <a href="https://www.primefaces.org/">Primefaces</a> to be available in the class path. See also the
                <a href="https://blutorange.github.io/primefaces-monaco/typedoc/index.html">client-side API documentation</a> This
                renders the editor inside an iframe for improved encapsulation, as the monaco editor library and its settings are window global.
                This also mean that you cannot get access to the monaco editor instance from the PrimeFaces widget. However,
                the widget offers a method <code>invokeMonaco(methodName, ...params)</code> that lets you call a method on the monaco editor instance
                in the iframe - the method parameters are sent via <code>postMessage</code>. Note, however, that this does
                not work for method that takes a non-data object as a parameter or returns such an object (ie an object
                that cannot be structurally cloned). 
            
        </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="bottomNav">
            <a name="navbar_bottom"></a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow"></a>
            <ul class="navList" title="Navigation">
                <li>
                    <a href="../overview-summary.html">Overview</a>
                </li>
                <li class="navBarCell1Rev">Library</li>
                <li>Tag</li>
                <li>
                    <a href="../help-doc.html">Help</a>
                </li>
            </ul>
        </div>
        <div class="subNav">
            <ul class="navList">
                <li>
                    <a target="_top" href="../index.html?primefaces-blutorange/tld-summary.html">
									Frames
								</a>
                </li>
                <li>
                    <a href="tld-summary.html" target="_top">No Frames</a>
                </li>
            </ul>
            <ul class="navList" id="alltags_navbar_bottom">
                <li>
                    <a href="../alltags-noframe.html">All Tags</a>
                </li>
            </ul>
            <script type="text/javascript">
							document.getElementById("alltags_navbar_bottom").style.display = (window == top) ? "block" : "none";
						</script><a name="skip-navbar_bottom"></a>
        </div>
        <p class="about">
            Output generated by <a href="http://vdldoc.omnifaces.org" target="_blank">Vdldoc</a> View Declaration Language Documentation Generator.
        </p>
    </body>
</html>
